@charset "UTF-8";

/* --
Global CSS Style
適用於全網站的css
-- */
body { background:#dedede; font-family:"Times New Roman", Times, serif;}
.container { background:#ededed url(../images/template/containerBg1.jpg) repeat-x 0 0;
-moz-box-shadow: 5px 3px 5px #888;
-webkit-box-shadow: 5px 3px 5px #888;
box-shadow: 5px 3px 5px #888; }

/* Header CSS  表頭的CSS */
#Header { padding:0; margin:0;}
#TopBar {padding:0; margin:0; height:48px; background: url(../images/template/topBarBg.jpg) repeat-x 0 0; position:relative;}
#TopNav {padding:0; margin:0; height:77px; background:url(../images/template/TobNavBg02.jpg) repeat-y 0 0;}
#TopTitle {padding:0; margin:0; height:46px; background: url(../images/template/Title03.png)  repeat-x 0 0;}
/*Header細節*/
a.Logo { display:block; width:180px; height:25px; line-height:25px; background:url(../images/icon/logos.png) no-repeat 0 0; color:#fff;text-decoration:none; text-indent:-9999px; margin:10px 0 0 30px;}
/*左邊*/
.TopNav-L {float:left; margin:0 0 0 38px;}
.TopNav-L .Slogan { height:37px; margin:0 0 7px 0;color:#fff; background:url(../images/icon/bobble.png) no-repeat 0 0; padding-left:40px; line-height:37px; font-size:13px;
text-shadow:0 0 0, 2px 2px 2px #333;
filter: dropshadow(color=#333, offx=2, offy=2);}
.TopNav-L ul {padding:0; margin:0;}
.TopNav-L li {padding:0; margin:0 7px 0 0;list-style:none;float:left;}
.TopNav-L li a{ display:block; height:33px; padding:0 10px; line-height:33px; text-decoration:none; background-color:#611766; color:#fff;
-moz-box-shadow: 3px 3px 8px #602465;
-webkit-box-shadow: 3px 3px 8px #602465;
box-shadow: 3px 3px 8px #602465;
}
.TopNav-L li a:hover{text-decoration:none; background-color:#ffbb19;}

/*右邊*/
.TopNav-R {float:right; margin-right:8px;}
.TopNav-R ul {padding:0; margin:15px 0 0 0;}
.TopNav-R li {padding:0; margin:0;list-style:none;float:left;}
.TopNav-R li a{ display:block;padding:8px 15px; text-decoration:none;color:#fff; background:#c14fc0; border-top:#df58de 1px solid;
border-left:#df58de 1px solid;border-right:#882587 1px solid;
-moz-box-shadow: 3px 2px 5px #602465;
-webkit-box-shadow: 3px 2px 5px #602465;
box-shadow: 3px 2px 5px #602465; }
.TopNav-R li a:hover, .TopNav-R li a.current {text-decoration:none; background-color:#ffbb19;
border-top:#fff4b9 1px solid;
border-left:#fff4b9 1px solid;border-right:#ba813f 1px solid;}
#TopTitle h1 { display:block; float:left; height:46px;line-height:46px; 
padding:0 25px 0 64px; color:#535252; font-size:22px; font-weight:bold; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; }

#Path { background:url(../images/template/PathBg02.jpg) repeat-x 0 0; height:51px;}
#Path a{ display:block; float:left; background:url(../images/template/arrowPack.png) no-repeat 0 0 ; width:122px; height:51px; padding-right:26px; color:#636262; text-decoration:none;}
#Path a.last2{ display:block; float:left; background:url(../images/template/arrowPack.png) no-repeat -147px 0 ; width:122px; height:51px; padding-right:26px; color:#636262; text-decoration:none;}
#Path a.current{ display:block; float:left; background:url(../images/template/arrowPack.png) no-repeat -295px 0; width:122px; height:51px; padding-right:27px;}
#Path a span { display:block; height:50%; padding-left:20px;}
span.Steps{ font-size:16px; font-family: "Times New Roman", Times, serif;
text-shadow:0 0 0, 1px 1px 2px #bababa;
filter: dropshadow(color=#bababa, offx=1, offy=1);}

/*MainConteiner*/
#MainConteiner-in { margin:10px 10px 0; background:#fff; min-height:500px; }
h2 { color:#500783; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; margin:10px;  line-height:30px; }
.ContentForm , .ContentLargeForm{ margin:20px;}

/*登入頁小窗*/
.LoginForm { width:500px!important;margin:auto!important;border:1px #CCCCCC solid;border-radius:5px;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;}
.LoginForm input[type="text"] { width:55%!important;}
.LoginForm label { padding-left:20px!important;}
/*登入頁小窗--*/
.ContentForm legend { width:95%; border-bottom:1px #d9d7d9 solid;}
.ContentForm fieldset { border:none;  padding:0; margin:5px 0;}
.ContentForm fieldset span{ display:block; padding:0; margin:0 15px;}

.ContentLargeForm legend { width:95%; border-bottom:1px #d9d7d9 solid;}
.ContentLargeForm fieldset { border:none;  padding:0; margin:5px 10px; color:#4f0985;}
.ContentLargeForm fieldset span{ display:block; padding:0; margin:0 15px;}
.ContentLargeForm p { padding-left:20px; color:#313131;}
span.Ill { margin:-20px 0 10px 110px!important; color:#666;}
span.emphasized {margin:30px 0; color:#990000}
fieldset.control {text-align:center; padding:20px 0;}
.preview480 {width:480px; height:80px; margin:10px;border:1px #CCCCCC solid;border-radius:5px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */}

.preview320 {width:320px; height:50px; margin:10px; border:1px #CCCCCC solid;border-radius:5px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */}

.ContentLargeForm label{ color:#4f0985; font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;  line-height:22px; display:inline-block; }
.ContentLargeForm label span{ display: inline-block; padding:0; margin:0 5px; color:#990000;}
label.small {width:50px!important;}
.ContentLargeForm input[type="text"] { border: 1px #ccc solid; height:22px; width:30%; margin:0.5em; padding:0.2em; border-radius:5px;}
.ContentLargeForm select { border: 1px #ccc solid; height:28px; line-height:28px; width:10%; margin:0.5em ; padding:0.2em; border-radius:5px;}



.ContentForm label{ color:#313131; font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;  line-height:22px; display:inline-block; width:100px;}
.ContentForm label span{ display: inline-block; padding:0; margin:0 5px; color:#990000;}
label.small {width:50px!important;}
.ContentForm input[type="text"] { border: 1px #ccc solid; height:22px; width:30%; margin:0.5em; padding:0.2em; border-radius:5px;}
.ContentForm textarea { border: 1px #ccc solid; width:30%; height:100px; margin:0.5em; padding:0.2em; border-radius:5px;}
.ContentForm select { border: 1px #ccc solid; height:28px; line-height:28px; width:10%; margin:0.5em ; padding:0.2em; border-radius:5px;}


#addr_1 { width:340px; float:left;}
#addr_1 select { border: 1px #ccc solid; height:28px; line-height:28px; width:28%; margin:0.5em 0; padding:0.2em; border-radius:5px;}
#addr_1 input { border: 1px #ccc solid; height:22px!important; width:20%; margin:0.5em; padding:0.2em; border-radius:5px;}

.ContentForm input[type="file"]{ border: 1px #ccc solid; height:28px; margin:0.5em; padding:0.2em; border-radius:5px; text-align:left;}

.ContentForm input[type="button"], .ContentForm input[type="reset"]{ width:150px; height:30px; margin-right:10px; border:1px #8e09ca solid;
border-radius:5px; font-weight:bold;
text-shadow:0 0 0, 2px 2px 2px #a022c2;
filter: dropshadow(color=#a022c2, offx=2, offy=2);
 color:#fff; 
background: #c34dbd; /* Old browsers */
background: -moz-linear-gradient(top, #c34dbd 0%, #db5bcc 7%, #dd5dcc 11%, #db5cca 14%, #cf54c0 21%, #aa3ca3 36%, #9b3397 46%, #89328a 64%, #863389 79%, #914a95 86%, #a66ea9 93%, #c098c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c34dbd), color-stop(7%,#db5bcc), color-stop(11%,#dd5dcc), color-stop(14%,#db5cca), color-stop(21%,#cf54c0), color-stop(36%,#aa3ca3), color-stop(46%,#9b3397), color-stop(64%,#89328a), color-stop(79%,#863389), color-stop(86%,#914a95), color-stop(93%,#a66ea9), color-stop(100%,#c098c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c34dbd', endColorstr='#c098c2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* W3C */}

.ContentLargeForm input[type="button"]:hover, .ContentLargeForm input[type="reset"]:hover{-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;}

.ContentLargeForm input[type="file"]{ border: 1px #ccc solid; height:28px; margin:0.5em; padding:0.2em; border-radius:5px; text-align:left;}

.ContentLargeForm input[type="button"], .ContentLargeForm input[type="reset"]{ width:150px; height:30px; margin-right:10px; border:1px #8e09ca solid;
border-radius:5px; font-weight:bold;
text-shadow:0 0 0, 2px 2px 2px #a022c2;
filter: dropshadow(color=#a022c2, offx=2, offy=2);
 color:#fff; 
background: #c34dbd; /* Old browsers */
background: -moz-linear-gradient(top, #c34dbd 0%, #db5bcc 7%, #dd5dcc 11%, #db5cca 14%, #cf54c0 21%, #aa3ca3 36%, #9b3397 46%, #89328a 64%, #863389 79%, #914a95 86%, #a66ea9 93%, #c098c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c34dbd), color-stop(7%,#db5bcc), color-stop(11%,#dd5dcc), color-stop(14%,#db5cca), color-stop(21%,#cf54c0), color-stop(36%,#aa3ca3), color-stop(46%,#9b3397), color-stop(64%,#89328a), color-stop(79%,#863389), color-stop(86%,#914a95), color-stop(93%,#a66ea9), color-stop(100%,#c098c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c34dbd', endColorstr='#c098c2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c34dbd 0%,#db5bcc 7%,#dd5dcc 11%,#db5cca 14%,#cf54c0 21%,#aa3ca3 36%,#9b3397 46%,#89328a 64%,#863389 79%,#914a95 86%,#a66ea9 93%,#c098c2 100%); /* W3C */}


.ContentLargeForm input[type="button"]:hover, .ContentLargeForm input[type="reset"]:hover{-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;}

input.Budget { width:11%!important;}
input.TaArea { width:12%!important;}
input.date { width:12%!important;}
/*管理您現有的廣告*/
.MainConteiner-in:after { content:"2"; height:0px;}
.MadEntry { border:none; margin:0 10px 20px 10px; padding:0px;
}
.MadEntry em{ font-style:normal; color:#4f0985; font-weight:bold;}
.MadEntry-L { background-color:#f3f3f3; width:39%; min-height:23em; margin:0; padding:0px;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;border-radius:5px;}
.MadEntry-R { background-color:#f3f3f3; width:59%; min-height:23em; margin:0; padding:0px;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;border-radius:5px;
text-align:center;
}


.MadEntry-L h3, .MadEntry-R h3 {border-radius:5px 5px 0 0; color:#535252;
line-height:39px; height:39px; display:block;
font-family: "微軟正黑體",Arial,Helvetica,sans-serif; background: url("../images/template/Title03.png") repeat-x 0 0;
padding-left:20px;}
.MadEntry-L ul, .MadEntry-R ul{ padding:0; margin:0 0 0 50px;}
.MadEntry-L li, .MadEntry-R li{ padding:1px 0; margin:0; list-style:none; line-height:20px;}
.MadEntry-L span, .MadEntry-R span{ padding:0 15px;}
.MadEntry-R img { margin:20px auto;}
.MadEntry-L { float:left;}
.MadEntry-R { float:right;}

span.date { width:150px; color:#999999;font-family:Arial,Helvetica,sans-serif;}
span.currency, span.announce { color:#3d3d3d;font-family: "微軟正黑體",Arial,Helvetica,sans-serif;}

/*ResaultTable*/
#ListTable { width:99%; margin:10px auto;}
#ListTable table{ width:100%;-moz-box-shadow: 1px 1px 3px #888; background-color:#fff;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;}
#ListTable tbody tr:hover {
background-color:#f3f3f3;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;
}
#ListTable table th { border-right:1px #f2f2f2 solid; border-left:1px #bfbfbf solid; border-bottom:1px #d4d4d4 solid;
  background: url("../images/template/Title03.png") repeat-x 0 0; 
  color:#484848;
  font-size:14px;
  height:36px; 
  line-height:36px; 
  text-align:center;
  text-shadow:0 0 0, 2px 2px 2px #fff;
  filter: dropshadow(color=#fff, offx=2, offy=2); 
}
#ListTable table td { padding:5px; text-align:center;}
a.anBtn{ display:block;width:90px; line-height:30px; text-decoration:none; height:30px; margin:0px; } 
#ListTable input[type="text"] { border: 1px #ccc solid; height:22px; width:50px; margin:0.3em; padding:0.1em; border-radius:5px;}
#ListTable a { color:#db7b31; text-decoration:none;}
#ListTable a:hover { color:#db7b31; text-decoration:underline;}
/*Footer*/
#Footer { height:35px; line-height:35px;}
.Footer-L { float:left; padding-left:10px;}
.Footer-R { float:right; padding-right:10px;} 
.Footer-R a{ padding:0 5px; color:#333; text-decoration:none;}
.Footer-R a:hover{color:#000;text-decoration: underline;}

/*公司Logo定位*/
.baseReletive { position:relative;}
.preview {display: block; position: absolute; right: 50px; top: 60px; width: 300px;}

/*分頁選單*/
.Pager { margin:20px auto 0 auto; padding:5px;  width:30%; } /*分頁功能 需要打開*/
.Pager span { float:left;display:block;height:18px;width:14px; color:#c1c1c1;}
.Pager a { float:left;display:block;height:18px;width:14px; color:#666666!important;}
.Pager a:hover, .Pager a.current { color:#666666;color:#882587!important; font-weight:600;}
.Pager a.NextPage { background:url(../images/icon/aw.gif) no-repeat -114px 0; text-indent:-9999px;}
.Pager a.LastPage { background:url(../images/icon/aw.gif) no-repeat 0 0; text-indent:-9999px;}
.Pager a.NextPage:hover { background:url(../images/icon/aw.gif) no-repeat -114px -18px;text-indent:-9999px;}
.Pager a.LastPage:hover { background:url(../images/icon/aw.gif) no-repeat 0 -18px ; text-indent:-9999px;}

.ViewContent { width:95%; margin:0 auto;}
.Pdownload { width:95%; margin:0 auto;}

.Pdownload dl{ margin:0; padding:0;font-family: Arial,Helvetica,sans-serif; }
.Pdownload dl a{color:#535252!important;}
.Pdownload dt{  border-radius:5px 0 0 5px ;width:20%;float:left; height:46px; line-height:46px; background: url("../images/template/Title03.png") repeat-x 0 0; padding:0 0 0 20px; margin:5px 0!important;}
.Pdownload dd{ border-radius:0 5px 5px 0; width:70%;float:left; padding:0 0 0 20px;background: url("../images/template/Title03.png") repeat-x 0 0; height:46px; line-height:46px;margin:5px 0!important;}
.Pdownload dl a:hover dt, .Pdownload dl a:hover dd{background:#602465; color:#FFFFFF; -moz-box-shadow:5px 3px 5px #888;
-webkit-box-shadow:5px 3px 5px #888;
box-shadow:5px 3px 5px #888;}

.PayBox {width:85%; margin:0 auto;}
.PayBox h4{ margin:0; padding:2px 0; font-size:14px; font-weight:900;}
.PayBox p{ border:1px #ccc solid; padding:5px 20px 0 0; margin:0; text-align:right;-moz-box-shadow:2px 2px 2px #888;
-webkit-box-shadow:2px 2px 2px #888; background:#FFFFFF;
box-shadow:2px 2px 2px #888;}
.PayBox ul{ border:1px #ccc solid; padding:5px 20px 0 20px; margin:10px 0 10px; text-align:right;-moz-box-shadow:2px 2px 2px #888;
-webkit-box-shadow:2px 2px 2px #888; background:#FFFFFF;
box-shadow:2px 2px 2px #888;}
li.TopLine { border-top:1px #3D3D3D solid; padding:5px 0 5px 0; margin:10px 0 0 0;}
.PayBox span { }
.PayBox span.currency{font-family:"Courier New", Courier, monospace; font-size:24px; color:#990000; font-weight:bold;}
/*狀態
審理中 Review
停用中 Pending
測試中 Testing
使用中 Proceed
*/
.Review { color:#FFCC00;}
.Pending { color:#F00;}
.Testing { color:#33C;}
.Proceed { color:#336633;}

.ContentForm input[readonly="readonly"] { background-color: #FAFAFA}

/*Jquery CSS demo page css*/
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
